<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>表单</title>
</head>
<body>
    <form action="">
        <!-- 文本框的效果，些什么就显示什么 -->
        登录账号：<input type="text" placeholder="请输入账号">
        <br>
        <!-- 密码框，输入的内容会变为· -->
        登录密码：<input type="password" placeholder="密码" >
        <br>
        <!-- 单选框 -->
        性别：<input type="radio">
        <br>
        <!-- 多选框 -->
        兴趣爱好:<input type="checkbox">
        <br>
        <!-- 上传文件 -->
        上传文件：<input type="file">
        <br>
        提交按钮：<input type="submit" value="submit提交按钮">
        <br>
        重置按钮：<input type="reset">
        
        <br>
        普通按钮：之后配合js添加功能：<input type="button" value="没啥用的按钮">
        <br>
        一组单选框：<input type="radio" name="sex">男
        <input type="radio" name="sex" checked>女
        <input type="radio" name="sex">外星人
        <br>
        多选文件：<input type="file" multiple>
        <br>



        <!-- 按钮标签 -->
        <br>
        <button>啥也不是的按钮</button>
        <br>
        <button type="submit">提交按钮</button>
        <br>
        <button type="reset">重置</button>
        <br>
        <button type="button"><img src="../../素材/胡桃3.jpg" alt="胡桃" title="kawayi" width="300"></button>
        <br>
        <button type="menu">菜单？</button>
        <br><br>



        <!-- 下拉菜单 -->
        <select>
            <option>上海</option>
            <option>深圳</option>
            <option>杭州</option>
            <option selected>北京</option>
        </select>
        <br><br>



        
        <!-- 文本域标签 -->
        <textarea cols="10" rows="5"></textarea>
        <br><br>


        <!-- label标签 -->
        学习：
        <input type="radio" name="learn" id="web"> <label for="web">web</label>
        <label><input type="radio" name="learn">c++</label>


    </form>
</body>
</html>